<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../style.css" />
  </head>
  <body class="body_decoration">
    <menu>
      <a href="../index.html" class="menu">Главная</a>
      <a href="about.html" class="menu">Обо мне</a>
      <a href="../order.html" class="menu">Оставить заявку</a>
    </menu>
    <h1 class="title">Обо мне</h1>
    <img
      class="img-decor"
      src="../img/photo.jpg"
      alt="photo"
      usemap="#headphones"
    />
    <map name="headphones"
      ><area
        shape="circle"
        coords="300,300,70"
        href="../index.html"
        alt="На главную"
        title="Переход на главную страницу"
        target="_blank" /><area
        shape="circle"
        coords="120,650,60"
        href="../order.html"
        alt="Заказ"
        title="Оставить заявку"
        target="_blank"
    /></map>

    <p class="paragraph">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae sint
      nobis quaerat voluptatum id asperiores laudantium dignissimos eveniet
      nostrum quis aspernatur voluptate, amet consequatur ut repellat vero
      ratione optio consectetur. Eos blanditiis distinctio consequatur mollitia
      eius nemo natus laboriosam aspernatur corrupti optio odit quibusdam magni
      amet nostrum soluta ea quo provident commodi, nisi labore ipsum
      reprehenderit. Reiciendis eos aliquam illum, voluptatum voluptate modi
      quam voluptatem at, aliquid rem quibusdam, distinctio praesentium eveniet!
      Autem nemo consequuntur ad? Nostrum odit possimus quia fugiat. Mollitia
      est veritatis illum repellat excepturi quos quia quidem cupiditate
      possimus, quisquam voluptate officiis, eaque rerum perferendis facere
      quibusdam praesentium repellendus ut perspiciatis facilis. Ullam veniam
      iusto neque, ratione fugit rem architecto. Esse numquam minus quas
      possimus! Veniam sit consequatur, fugiat, voluptatum cupiditate facilis
      neque quos iure, est commodi aut assumenda nam optio temporibus? Esse cum,
      harum facere explicabo repellendus nulla quo sunt aperiam non culpa, iure
      inventore dignissimos!
    </p>
  </body>
</html>
